<template>
  <div class="favor">
   <div class="header">
   <div class="head_favor"><router-link active-class="active" to="/favors">收藏</router-link></div>
   <div class="head_favor"><router-link active-class="active" to="/history">历史记录</router-link></div>
   </div>
   <div class="main">
    <router-view></router-view>
   </div>
  </div>
</template>


<script setup>
</script>


<style lang="less" scoped>
.favor{
  width: 100%;
  .header{
    display: flex;
    padding: 10px 20px;
    background-color: #ff9854;
    justify-content: space-between;
    height: 50px;
    align-items: center;
    .head_favor{
      width: 100px;
      height: 20px;
      text-align: center;

      background-color: #fff;
      border-radius: 5px;
    }
  }
}
.active{
  color: red;
}

</style>